<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <meta name="renderer" content="webkit" />

  <!-- <title>丘比特</title> -->
  <meta id="i18n_pagename" content="dapp-index-common" />

  <title class="i18n" name="common-title"></title>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <link rel="stylesheet" href="css/base.css" />
  <link rel="stylesheet" href="css/application.css" />
  <link rel="stylesheet" href="css/dapp.css" />
  <link rel="stylesheet" href="css/fund.css" />
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <div class="dapp fund">
    <div class="application">
      <nav class="navbar cupid_head">
        <div class="head_bar">
          <div class="main_center">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" aria-expanded="false">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <div class="navbar-right langu">
                <a id="language-content" class="language"></a>
                <ul class="language_list" style="display: none;">
                  <li id="btnZh" style="cursor:pointer" class="language_list_one">
                    简体中文
                  </li>
                  <li id="btnEn" style="cursor:pointer" class="language_list_one">
                    English
                  </li>
                </ul>
              </div>
              <a class="navbar-brand" href="index.html"><img src="images/logo.png" /></a>
            </div>

            <div class="collapse navbar-collapse pc_head">
              <div class="row">
                <div class="nav navbar-nav logo">
                  <a href="index.html"><img src="images/logo.png" /></a>
                </div>
                <div class="navbar-right langu">
                  <a id="language-content" class="language"></a>
                  <ul class="language_list" style="display: none;">
                    <li id="btnZh" style="cursor:pointer" class="language_list_one">
                      简体中文
                    </li>
                    <li id="btnEn" style="cursor:pointer" class="language_list_one">
                      English
                    </li>
                  </ul>
                </div>
                <ul class="nav navbar-nav navbar-right nav_list hidden-sm">
                  <li>
                    <a href="index.html" class="i18n " name="common-index"></a>
                  </li>
                  <li>
                    <a href="application.html" class="i18n" name="common-application"></a>
                  </li>
                  <li>
                    <a href="dapp.html" class="i18n active" name="common-dapp"></a>
                  </li>
                  <li>
                    <a href="love_machine.html" class="i18n" name="common-love-machine"></a>
                  </li>
                  <li>
                    <a href="technology.html" class="i18n" name="common-technology"></a>
                  </li>
                  <li>
                    <a href="economies.html" class="i18n" name="common-economies"></a>
                  </li>
                  <li>
                    <a href="community.html" class="i18n" name="common-community"></a>
                  </li>
                  <li>
                    <a href="fund.html" class="i18n" name="common-fund"></a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>

        <div class="nav_slider_mask" style="display: none;">
          <ul class="nav_slider_list">
            <li class="nav_slider_one">
              <a href="index.html" class="i18n" name="common-index"></a>
            </li>
            <li class="nav_slider_one">
              <a href="application.html" class="i18n" name="common-application"></a>
            </li>
            <li class="nav_slider_one">
              <a href="dapp.html" class="i18n active" name="common-dapp"></a>
            </li>
            <li class="nav_slider_one">
              <a href="love_machine.html" class="i18n" name="common-love-machine"></a>
            </li>
            <li class="nav_slider_one">
              <a href="technology.html" class="i18n" name="common-technology"></a>
            </li>
            <li class="nav_slider_one">
              <a href="economies.html" class="i18n" name="common-economies"></a>
            </li>
            <li class="nav_slider_one">
              <a href="community.html" class="i18n" name="common-community"></a>
            </li>
            <li class="nav_slider_one">
              <a href="fund.html" class="i18n" name="common-fund"></a>
            </li>
          </ul>
        </div>
      </nav>
      <!-- 头部 -->
      <div class="top_content">
        <div class="container">
          <div class="dapp_top clearfix">
            <div class="dapp_top_1 col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <div class="dapp_top_text">
                <p class="i18n" name='dapp-label1'></p>
                <p class="i18n" name='dapp-label2'></p>
                <p class="i18n" name='dapp-label3'></p>
                <!-- 爱情见证，心动表达 -->
                <!-- <br/> -->

                <!-- 真爱上链，留存永恒
                  <br />从现在开始，爱要认真表达 -->
              </div>
              <div class="dapp_top_btn">
                <div class="ios code">
                  <div class="stupid_code" style="display: none;">
                    <img src="images/cupid_code.png" alt="">
                  </div>
                  <img src="images/ios.png" alt="">
                </div>
                <div class="andriod code">
                  <div class="stupid_code" style="display: none;">
                    <img src="images/cupid_code.png" alt="">
                  </div>
                  <img src="images/android.png" alt="">
                </div>
              </div>
            </div>
            <div class="dapp_top_2 col-lg-6 col-md-6 col-sm-6 col-xs-12">
              <img src="images/dapp_1.png" alt="" />
            </div>
          </div>
        </div>
      </div>

      <div class="fund_list">
        <div class="fund_one  clearfix">
          <div class="container">
            <div class="fund_left fund_img_left hidden-xs col-sm-6 col-lg-6 col-md-6">
              <img src="images/dapp_2.png" alt="" />
            </div>
            <div class="col-xs-12 col-sm-6 col-lg-6 col-md-6">
              <div class="i18n fund_title" name='dapp-title2'>
                <!-- 爱情表达上链 -->
              </div>
              <div class="fund_text">
                <p class="i18n" name='dapp-text1'></p>
                <p class="i18n" name='dapp-text2'></p>
                <!-- 丘比特本身就是爱神，只要拥有CBIT就有爱情表达的权益，用户就可以通过DAPP直接给喜欢的人送出丘比特（CBIT），可以发送想说的话或文字给对方，创造惊喜，让爱随时表达。
                <br />用户的爱情表达内容和点对点赠送的丘比特（CBIT）会时间戳方式上链记录，通过区块链不可篡改的属性赋能充满仪式感的体验，实现爱情上链。 -->
              </div>
            </div>
            <div class="fund_left fund_img_left col-xs-12  hidden-sm hidden-lg hidden-md">
              <img src="images/dapp_2.png" alt="" />
            </div>
          </div>
        </div>
        <div class="fund_one clearfix">
          <div class="container">
            <div class="fund_left col-xs-12 col-sm-6 col-lg-6 col-md-6">
              <div class="i18n fund_title" name='dapp-title2'>
                <!-- 收到爱情表达 -->
              </div>
              <div class="i18n fund_text" name='dapp-text3'>
                <!-- 收到的每一份爱都是对方给我的承诺，丘比特爱神见证了我们的爱情，爱将永远存在链上，永不篡改，地久天长。 -->
              </div>
            </div>
            <div class="fund_img_right col-xs-12 col-sm-6 col-lg-6 col-md-6">
              <img src="images/dapp_3.png" alt="" />
            </div>
          </div>
        </div>

        <div class="fund_one clearfix">
          <div class="container">
            <div class="fund_left fund_img_left hidden-xs col-sm-6 col-lg-6 col-md-6">
              <img src="images/dapp_4.png" alt="" />
            </div>
            <div class=" col-xs-12 col-sm-6 col-lg-6 col-md-6">
              <div class="i18n fund_title" name='dapp-title3'>
                <!-- 真爱水晶 -->
              </div>
              <div class="i18n fund_text" name='dapp-text4'>
                <!-- 爱需要沉淀，爱需要积累，爱需要双方共同成长。双方的爱情凝聚出水晶，这个水晶就是真爱水晶，代表着你们爱的深度，双方为爱的所有付出都凝聚在水晶里。真爱水晶由双方共同养成，所有为爱付出的行为都可以增加水晶的能量，在水晶养成的过程中会不断的得到惊喜。 -->
              </div>
            </div>
            <div class="fund_left fund_img_left col-xs-12  hidden-sm hidden-lg hidden-md">
              <img src="images/dapp_4.png" alt="" />
            </div>
          </div>
        </div>
        <div class="fund_one clearfix">
          <div class="container">
            <div class="fund_left col-xs-12 col-sm-6 col-lg-6 col-md-6">
              <div class="i18n fund_title" name='dapp-title3'>
                <!-- 爱的足迹 -->
              </div>
              <div class="i18n fund_text" name='dapp-text5'>
                <!-- 把双方爱的互动过程和内容记录，让点滴爱情不断积累，为生命珍藏回忆 -->
              </div>
            </div>
            <div class="fund_img_right col-xs-12  col-sm-6 col-lg-6 col-md-6">
              <img src="images/dapp_5.png" alt="" />
            </div>
          </div>
        </div>
      </div>

      <!-- 底部 -->
      <footer>
        <div class="container clearfix">
          <div class="footer_top  col-xs-12 col-sm-12 col-md-6 col-lg-6">
            <div class="footer_list  col-xs-4 col-sm-4 col-md-4 col-lg-4">
              <div class="i18n footer_tit" name="common-footer-label1">
                <!-- 社群治理 -->
              </div>
              <a href="proposals.html" class="i18n list_tit" name="common-footer-label2">
                <!-- 丘比特改进提案 -->
              </a>
              <a href="latest_notice.html" class="i18n list_tit" name="common-footer-label3">
                <!-- 最新公告 -->
              </a>
            </div>
            <div class="footer_list  col-xs-4 col-sm-4 col-md-4 col-lg-4">
              <div class="i18n footer_tit" name="common-footer-label4">
                <!-- 关于 -->
              </div>
              <a href="team_members.html" class="i18n list_tit" name="common-footer-label5">
                <!-- 团队 -->
              </a>
              <a href="contactus.html" class="i18n list_tit" name="common-footer-label6">
                <!-- 联系我们 -->
              </a>
            </div>
            <div class="footer_list  col-xs-4 col-sm-4 col-md-4 col-lg-4">
              <div class="i18n footer_tit" name="common-footer-label7">
                <!-- 服务条款 -->
              </div>
              <a href="copyright.html" class="i18n list_tit" name="common-footer-label8">
                <!-- 版权声明 -->
              </a>
              <a href="disclaimer.html" class="i18n list_tit" name="common-footer-label9">
                <!-- 免责声明 -->
              </a>
            </div>
          </div>
          <div class="footer_center  col-xs-12 col-sm-12 col-md-6 col-lg-6">
            <div class="i18n footer_center_tit" name="common-footer-label10">
              <!-- 关注我们 -->
            </div>
            <div class="footer_center_main clearfix">
              <div id="Telegram" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_1.png" alt="" />
                </div>
                <div class="footer_center_text">Telegram</div>
              </div>
              <div id="Facebook" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_2.png" alt="" />
                </div>
                <div class="footer_center_text">Facebook</div>
              </div>
              <div id="Twitter" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_3.png" alt="" />
                </div>
                <div class="footer_center_text">Twitter</div>
              </div>
              <div id="Weibo" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_4.png" alt="" />
                </div>
                <div class="footer_center_text">Weibo
                </div>
              </div>
              <!-- <div id="Wechat" class="footer_center_one fl">
                <div class="footer_center_icon">
                  <img src="images/network_5.png" alt="" />
                </div>
                <div class="footer_center_text">Wechat</div>
              </div> -->
            </div>
          </div>
          <div class="i18n footer_bootom" name="common-footer-bootom">
            <!-- 版权所有@1692018-2020 cbit.love保留所有权利
                      联系我们：global@cbit.love -->
          </div>
        </div>
      </footer>
    </div>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="js/jquery-1.12.4.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <!-- 加载语言包文件 -->
    <script src="js/jquery.i18n.properties.js"></script>
    <script src="js/language.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>
    <script>
      if ((navigator.userAgent.match(
          /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
        ))) {
        $('.ios').click(function () {
          window.location.href = 'https://invite.cbit.love/downloadUrl';
        })
        $('.andriod').click(function () {
          window.location.href = 'https://invite.cbit.love/downloadUrl';
        })
      } else {
        $('.code').click(function () {
          $(this).siblings('.code').find('.stupid_code').hide();
          $(this).find('.stupid_code').toggle();
        }).mouseenter(function () {
          $(this).siblings('.code').find('.stupid_code').hide();
          $(this).find('.stupid_code').toggle();

        }).mouseleave(function () {
          $(this).siblings('.code').find('.stupid_code').hide();
          $(this).find('.stupid_code').toggle();
        })
      }

      $('.navbar-toggle').click(function () {
        $('.nav_slider_mask').toggle();
      });
    </script>
</body>

</html>